<!-- 标题组件 -->
<template>
  <view class="title" :style="{ backgroundColor: bgc }">
    <view class="title_name">{{ title }}</view>
    <view class="more_btn" @click="moreFn">更多 ></view>
  </view>
</template>

<script>
export default {
  props: ["title"],
  components: {},
  data() {
    return {
      bgc: "#90BCCE",
    };
  },
  computed: {},
  watch: {},
  methods: {
    moreFn() {
      switch (this.title) {
        case "玩转安吉":
          this.$u.route("pages/playwell/index");
          break;
        case "地道风味":
          this.$u.route("pages/flavour/index");
          break;
        case "达人专区":
          this.$u.route("pages/index/index");
          break;
        default:
          break;
      }
    },
  },
  mounted() {},
};
</script>
<style lang="scss" scoped>
.title {
  padding: 37rpx 24rpx 0 24rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  .title_name {
    font-size: 34rpx;
    font-weight: 500;
    color: #1b70ac;
  }
  .more_btn {
    font-size: 24rpx;
    font-weight: 400;
    color: #1b70ac;
  }
}
</style>